<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页练习</title>
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="1.css">
    
</head>
<body>
    <header>
        <!-- <img src="../../img/1.jpg" alt=""> -->
    </header>
    <div class="items">
        <div class="item1">经典影像</div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电影/1.png" alt="">
            <div class="text">平原游击队</div>
            <div class="overlay">
                <div class="txt">
                    <a href="#">
                        <i class="fa fa-video-camera" aria-hidden="true">
                            进入观看
                        </i>
                    </a>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电影/2.png" alt="">
            <div class="text">血战湘江</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电影/3.png" alt="">
            <div class="text">渡江侦察记</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电影/4.png" alt="">
            <div class="text">保密局的枪声</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电影/5.png" alt="">
            <div class="text">激战无名川</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电影/6.png" alt="">
            <div class="text">三八线上</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电影/7.png" alt="">
            <div class="text">开天辟地</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电影/8.png" alt="">
            <div class="text">太行山上</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        
    </div>
    <div class="items">
        <div class="item1">经典影像</div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电影/9.png" alt="">
            <div class="text">奇袭</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电影/10.png" alt="">
            <div class="text">难忘的岁月</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电视剧/1.jpg" alt="">
            <div class="text">战长沙</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电视剧/2.jpg" alt="">
            <div class="text">觉醒年代</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电视剧/3.jpg" alt="">
            <div class="text">山海情</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电视剧/4.jpg" alt="">
            <div class="text">人世间</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电视剧/5.jpg" alt="">
            <div class="text">香山叶正红</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        <div class="item">
            <img src="../../wangzhan/字话党史/img/电视剧/6.jpg" alt="">
            <div class="text">海棠依旧</div>
            <div class="overlay">
                <div class="txt"><a href="#"><i class="fa fa-video-camera" aria-hidden="true">进入观看</i></a></div>
            </div>
        </div>
        
       
    </div>
    <footer>
        @字话党史——构建新型"互联网+"平台
    </footer>
</body>
</html>